<template>
  <div class="py-9 footer">
    <div class="wrapper">
      <div class="my-3 overflow-hidden">
        <img class="m-auto logo" :src="getAssetsFile('home_logo.png')" alt="游成互动游戏平台" />
      </div>
      <div class="flex items-center justify-between py-3 text-base">
        <a href="/about/">关于我们</a>
        <span class="hl"></span>
        <a href="/joinus/">加入我们</a>
        <span class="hl"></span>
        <a href="/agreement/#legal">法律声明</a>
        <span class="hl"></span>
        <a href="/agreement/#agreement">用户协议</a>
        <span class="hl"></span>
        <a href="/agreement/#privacy">隐私政策</a>
        <span class="hl"></span>
        <a href="/agreement/#dispute">交易纠纷</a>
        <span class="hl"></span>
        <a href="/custody/">家长监护工程</a>
      </div>
      <div class="flex items-center mt-5 text-base">
        <a href="/">厦门游成互动网络科技有限公司</a>
        <a href="tel:13159279820" class="mx-6" style="margin: 0 20px"
          >Tel: 13159279820</a
        >
        <a href="mailto:chenf@youcwl.com">Email: chenf@youcwl.com</a>
      </div>
      <div class="flex items-end content-end mt-10 text-base" style="align-items:end">
        <div class="flex-1 leading-10 grow">
          <p>本游戏适合18岁(含)以上玩家娱乐</p>
          <p>健康游戏忠告:  抵制不良游戏，拒绝盗版游戏。</p>
          <p>注意自我保护，谨防受骗上当。适度游戏益脑，</p>
          <p>沉迷游戏伤身。合理安排时间，享受健康生活。</p>
        </div>
        <div class="flex-1 leading-10 grow">
          <p>
            <a href="https://beian.miit.gov.cn" target="_blank"
              ><span>闽ICP备2023007666号</span>
              <span class="ml-3">闽ICP备2023007666号-1</span></a
            >
          </p>
          <p>
            <a href="http://jubao.fjsen.com/" target="_blank"
              >福建省互联网违法和不良信息举报中心</a
            >
          </p>
          <p>网站举报电话:13159279820</p>
          <p>时间: 工作日上午9:00-12:00，下午13:30-18:00</p>
        </div>
        <div class="flex-1 leading-10 grow">
          <p>厦门市思明区台南路77号汇金国际7A</p>
          <p>Copyright ◎ 厦门游成互动网络科技有限公司</p>
          <p>版权所有热诚制作，来自厦门</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
function getAssetsFile(url) {
  return new URL(`../assets/${url}`, import.meta.url)
}
</script>

<style lang="scss" scoped>
.footer {
  padding: 10px 0 30px;
  background-color: #191919;
  color: #eee;
  a {
    &:hover {
      color: #fff;
      text-decoration: underline;
    }
  }
  .hl {
    width: 1px;
    height: 20px;
    border-left: 1px solid #ccc;
  }
}
</style>
